<template>
    <div class="index_box">
        <div class="content_box">
            <div class="banner_box">
                <img src="../../assets/img/Index/banner.png">
            </div>
            <div class="notice_box flex_box">
                <p class="title_"><span class="text_">公告<i class="iconfont icon-slider_next"></i></span><span class="line_">|</span></p>
                <p class="detail_">【大大好车】线下服务店突破1700家</p>
                <i class="right_ iconfont icon-qianjinxiayige"></i>
            </div>
            <div class="hot_new_car_box">
                <div class="title_box flex_box">
                    <p class="title_">热门新车</p>
                    <p class="more_">查看全部<i class="iconfont icon-qianjinxiayige"></i></p>
                </div>
                <div class="detail_box flex_box">
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_ margin_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hot_second_car_box">
                <div class="title_box flex_box">
                    <p class="title_">热门二手车</p>
                    <p class="more_">查看全部<i class="iconfont icon-qianjinxiayige"></i></p>
                </div>
                <div class="detail_box flex_box">
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_">
                        <p class="img"><img src="../../assets/img/Index/test_red_car.png" alt=""></p>
                        <div class="info_box">
                            <p class="des_"><span class="name_">雪铁龙DS</span><span class="s_">4s</span></p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="new_update_box">
                <div class="title_box flex_box">
                    <p class="title_">最近更新</p>
                    <p class="more_">查看全部<i class="iconfont icon-qianjinxiayige"></i></p>
                </div>
                <div class="detail_box">
                    <div class="detail_">
                        <p class="img_"><img src="../../assets/img/Index/new_update1.png" alt=""></p>
                        <div class="info_box">
                            <p class="name_">2018款长安标致雪铁龙DS 4S</p>
                            <p class="des_">中规丨现货丨红色丨长沙</p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                    <div class="detail_">
                        <p class="img_"><img src="../../assets/img/Index/new_update2.png" alt=""></p>
                        <div class="info_box">
                            <p class="name_">2018款长安标致雪铁龙DS 4S</p>
                            <p class="des_">中规丨现货丨红色丨长沙</p>
                            <p class="price_">18.88万</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="quality_promise_box">
                <div class="title_box flex_box">
                    <p class="title_">大大质保</p>
                </div>
                <div class="detail_box flex_box">
                    <p class="detail_"><img src="../../assets/img/Index/quality_promise_1.png" alt=""></p>
                    <p class="detail_"><img src="../../assets/img/Index/quality_promise_2.png" alt=""></p>
                    <p class="detail_"><img src="../../assets/img/Index/quality_promise_3.png" alt=""></p>
                </div>
            </div>
        </div>
        <div class="footer_box flex_box flex_bottom_box">
            <p class="detail_ detail_active"><i class="iconfont icon-wangxin"></i>首页</p>
            <p class="detail_"><i class="iconfont icon-wangxin"></i>买车</p>
            <p class="detail_"><i class="iconfont icon-wangxin"></i>卖车</p>
            <p class="detail_"><i class="iconfont icon-wangxin"></i>我的</p>
        </div>
    </div>
</template>
<script src="./Index.js"></script>
<style lang="less">
@import "./Index.less";
</style>
